<!doctype html>
<html>
<head>
    <title>我的银行卡</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/font-awesome.min-4.3.0.css">
	<script src="/js/jquery.min-2.1.3.js"></script>
</head>
<body>
<style>
	
	.tab-bar .menu-icon span {
	  width: 8px;
	  height: 13px;
	  background-position: 0 0;
	  box-shadow: 0 0 0 0;
	  top: 16px;
	}
	.tab-bar-section {
	  padding: 0 0.625rem;
	  position: absolute;
	  text-align: center;
	  height: 2.8125rem;
	  top: 0;
	}
	.tab-bar-section {
	  height: 45px;
	  margin-left: 20px;
	}
	.tab-bar-section.middle {
	  left: 40px;
	  right: 40px;
	}
	.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
	  font-size: 16px;
	  font-weight: normal;
	  line-height: 45px;
	}
	.panel {
	  border-style: solid;
	  border-width: 1px;
	  border-color: #d8d8d8;
	  margin-bottom: 1.25rem;
	  padding: 1.25rem;
	  background: #f2f2f2;
	}
	.extract {
	  margin: 60px 15px 0 15px;
	  padding: 0;
	  border: none;
	  background: none;
	}
	.panel > :first-child {
		  margin-top: 0;
		}	
	.commision-total .span-title {
	  color: #999;
	  font-size:16px;
	}
	.commision-total .number {
	  color: #7bc351;
	  font-size: 30px;
	}
	.extract-account {
	  margin: 11px 0;
	  padding: 0;
	  background: #fff;
	  overflow: hidden;
	}
	.panel > :last-child {
	  margin-bottom: 0;
	}
	.extract-account .side-nav {
	  padding: 0;
	}
	.extract-account .side-nav li {
	  margin: 0;
	}
	.extract-account .account-none span {
	  line-height: 45px;
	  font-size: 18px;
	  color: #999;
	}
	.extract-account .side-nav li span {
	  float: left;
	}
	button, .button {
	  border-style: solid;
	  border-width: 0px;
	  cursor: pointer;
	  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	  font-weight: normal;
	  line-height: normal;
	  margin: 0 0 1.25rem;
	  position: relative;
	  text-decoration: none;
	  text-align: center;
	  -webkit-appearance: none;
	  -webkit-border-radius: 0;
	  display: inline-block;
	  padding-top: 1rem;
	  padding-right: 2rem;
	  padding-bottom: 1.0625rem;
	  padding-left: 2rem;
	  font-size: 1rem;
	  background-color: #45a5cf;
	  border-color: #2d88b0;
	  color: white;
	  transition: background-color 300ms ease-out;
	}
	button, .button {
	  width: 100%;
	  height: 50px;
	  line-height: 50px;
	  padding: 0;
	  border: 1px solid #3396c2;
	  border-radius: 3px;
	  font-size: 20px;
	  font-family: "微软雅黑","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	button.red, .button.red {
	  background: #f37872;
	  border: 1px solid #e86660;
	}
	table thead, table tfoot {
	  background: whitesmoke;
	}
	table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
	  padding: 0.5rem 0.625rem 0.625rem;
	  font-size: 14px;
	  font-weight: bold;
	  color: #222222;
	  text-align: left;
	}
	table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
	  display: table-cell;
	  line-height: 18px;
	}
	table tr th, table tr td{font-size:14px;  color: #222222;  padding: 0.5625rem 0.625rem;}
</style>
<div class="container">
	<section class="main-view" >
		<div class="fixed">
			<nav class="tab-bar">
				<section class="left-small">
					<a href="javascript:history.back(-1);" class="menu-icon"><span></span></a>
				</section>
				<section class="middle tab-bar-section">
					<h1 class="title">提取佣金</h1>
				</section>
			</nav>
		</div>
		<div class="panel extract">
			<div class="commision-total"><span class="span-title">可提现金额</span><span class="number">¥{$login_user['commismoney']}</span></div>
			<div class="panel extract-account">
				<ul class="side-nav">
					
					<li class="account-none"><span style="line-height: 45px;font-size: 18px;float: left;color: #999;">
					<span style="margin-left:10px">
						用户名：{$login_user['bankusername']}<br>
						银行卡号:{$login_user['bankaccount']}<br>
						银行名称:{$login_user['bankname']}<br>
					</span></span></li>
					
				</ul>
			</div>
			<a href="/account/tixian.php?act=shenqing" class="button [radius round] red">立即申请</a>
				<table class="table table-hover" style="width:100%;background-color:#fff;">
					<thead class="navbar-inner">
						<tr>
							<th style="text-align: center;">提现单号</th>
							<th style="text-align: center;">佣金</th>
							<th style="text-align: center;">提现状态</th>
						</tr>
					</thead>
				<tbody id="tbodyshenqing">		
					<!--{loop $tixian_order $tixian}-->
					<tr>
						<td style="text-align: center;">
						{$tixian['id']}									
						</td>
						<td style="text-align: center;">
						{$tixian['money']}									
						</td>
						<td style="text-align: center;">
							<!--{if $tixian['state'] == 0}-->					
								申请中
							<!--{elseif $tixian['state'] == 1}-->					
								已到账
							<!--{elseif $tixian['state'] == 2}-->	
								已拒绝
							<!--{/if}-->
						</td>
					</tr>									
					<!--{/loop}-->
				</tbody>
			</table>
		</div>
		<div class="center" id="center_pullup" style="display:none;">
		 <span><img class="img_rotate" src="/images/pull_loading_8eba142.png"/>
		 </span><span class="orders_text"></span>
		 </div>
	</section>
	<script>
		<!--{if $tip != ''}-->
			alert("{$tip}");
		<!--{/if}-->
	</script>
	<script>
		var offset = 0;
		var _pa = 2;
		var is_can_next = 1;
		var cur_url = "{$cur_url}";
		function loaddata()
		{ 
			totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());     //浏览器的高度加上滚动条的高度 

			if ($(document).height() <= totalheight+200)     //当文档的高度小于或者等于总的高度的时候，开始动态加载数据
			{ 
				if(is_can_next == 1)//加载数据
				{
					is_can_next = 0;
					nextpage();
				}
			} 
		}
		function nextpage()
		{	
			var best_url = cur_url+'?page='+_pa;
			$('#center_pullup').show();
			$.ajax(
				{ 
					url: best_url, 
					dataType: 'json', 
					success: function(result){
						if(result.ret>0){
							if(_pa != 1)
							{
								$('#center_pullup').hide();
							}
							//$('.nextpage').hide();	
							return false;
						}
						if(result.offset == offset)
						{
							$('#center_pullup').hide();
							return false;
						} else {
							offset = result.offset;
						}
						$('#tbodyshenqing').append(result.html);
						$('#center_pullup').hide();
						_pa++;
						is_can_next = 1;
					}
				}
			);
		}
		$(function(){
			$(window).scroll( function() { 
				loaddata();
			}); 
		})
		</script>
	<!--{include footer}-->
</div>











